<route lang="jsonc" type="page">
{
  "layout": "default",
  "style": {
    "navigationBarTitleText": "物品位置卡片"
  }
}
</route>

<script lang="ts" setup>
import type { Category } from '@/api/category'

const props = defineProps<{
  card: Category
}>()
const { card } = toRefs(props)
</script>

<template>
  <view class="border rounded-xl bg-white p-4 text-center shadow-sm">
    <view class="fa text-4xl text-sky-500" :class="card.icon" />
    <view class="mt-2 font-bold">
      {{ card.name }}
    </view>
    <view class="text-xs text-slate-400">
      {{ card.count }}件物品
    </view>
  </view>
</template>

<style lang="scss" scoped>
//
</style>
